<!---- SUI模板 on ${DATE} -->
<script ng-init="initCssAndJs()"></script>
<script ng-init="initCss('collection-page/css/collection.css')"></script>
<header class="bar bar-nav">
    <a class="icon icon-left pull-left button-nav" href="#/personal-center"></a>
    <h1 class="title">我的收藏</h1>
</header>
<div class="content" ng-init="myCollection()">
    <div ng-repeat="collection in collectionInfos" class="card">
    <div class="card-header">{{collection.aClass.classTitle}}</div>
    <div class="card-content">
      <div class="list-block media-list">
        <ul>
          <li class="item-content" ng-click="getClassId(collection.aClass.classId)">
            <div class="item-media">
              <img ng-if="!collection.aClass.classImg" ng-src="page/home-page/img/3.png" width="100">
              <img ng-if="collection.aClass.classImg" ng-src="{{collection.aClass.classImg}}" width="100">
            </div>

              <div class="class-details">{{collection.aClass.classDetail| cut:true:50:' ...'}}</div>

          </li>
        </ul>
      </div>
    </div>
    <div class="card-footer">
      <span>{{collection.aClass.classTime|date:'yyyy-MM-dd'}}</span>
     <p ng-click="getScId(collection.scId)"><a href="" class="button button-danger">删除</a></p>
    </div>
  </div>
    <!-- 加载提示符 -->
    <div class="infinite-scroll-preloader">
        <div class="preloader"></div>
    </div>
</div>
    <!--内容区-->
<div ng-if="listSize==0" class="card" style="border: none">
    <div class="card-picture" style="padding-top: 3rem;width: 5rem;margin: 0 auto">
        <img ng-src="page/myorders1-page/img/noorder.png" alt="" style="width: 5rem">
    </div>
    <div style="width: 5rem;margin: 0 auto;text-align: center;color: #eaeaea">暂无收藏</div>

</div>
<div ng-init="suiMobileInit()"></div>